<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Sistema de AX Plus</title>
    <link rel="stylesheet" type="text/css" href="../css/banner.css"/>
    <link type="text/css" href="../css/jquery.message.css" rel="stylesheet" media="screen"/>
    <script type="text/javascript" src="../JavaScript/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" language="javascript" src="../JavaScript/jquery.message.js"></script>
    
        <script type="text/javascript">
            function updateBackground() {
            screenWidth = $(window).width();
            screenHeight = $(window).height();
            bg = $("#imgPrincipal");

            // Proporcion horizontal/vertical
            ratio = 1;

            if (screenWidth/screenHeight > ratio) {
                $(bg).height("10%");
                $(bg).width("65%");
            } else {
                $(bg).width("auto");
                $(bg).height("10%");
            }

            if ($(bg).width() > 0) {
                $(bg).css('left', (screenWidth - $(bg).width()) / 2);
            }
            }
        $(document).ready(function() {
        updateBackground();
        $(window).bind("resize", function() {
            updateBackground();
        });
        });
        
        </script>
</head>        

<table border ="0">
     <tr>
         <td>
            <img alt="numar" id ="imgPrincipal" style=" margin-left:40%;margin-top: 0.40%" src="Imagenes/Fondo.png"/>
         </td>
     </tr>
</table>